layui open更改按钮的颜色

来源:网络整理作者: 发布时间:2020-12-18 10:24

layui open中可以使用skin来设置按钮颜色，skin可以传入您自定义的class名。在layer.open()中使用skin引入定义的样式即可。...

layui open更改按钮的颜色

1、在layer下新建文件夹和css 文件:

css内容：

body .layui-ext-yourskin .layui-layer-btn0{ 　　border-color: #55ff83; 　　background-color: #5aff53; 　　color: #4736ff; }

HTML内容：

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href=https://www.ym97.com/layui/"layui/css/layui.css"> </head> <body> <button id="button" >一个标准的按钮</button> <script src=https://www.ym97.com/layui/"layui/layui.js"></script> <script> layui.use(['form','layer','jquery'], function(){ var form = layui.form; var layer=layui.layer; var $=layui.jquery; 　　　　 layer.config({ extend: 'zidiny/123.css' //同样需要加载新皮肤 }); $("#button").click(function () { layer.open({ title: '在线调试' ,skin: 'layui-ext-yourskin' //只对该层采用myskin皮肤　　　　,content: '可以填写任意的layer代码' }); }) }); </script> </body> </html>

效果如下：

更多layui知识请关注PHP中文网layui教程栏目

以上就是layui open更改按钮的颜色的详细内容，更多请关注php中文网其它相关文章！

相关热词：

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/5143.shtml

上一篇：layui事件监听介绍

下一篇：layui如何实现表格单元格合

content: $(#id) //这里content是一个	layui自界说滑滚动窗动画
利用layui框架封装ajax模块的详	layui兼容ie8中出现的问题 1、检
将这个文件给引入进去引入的	layuicode是默认通过寻找layui-c
该div包含layui-select-title和dl两个	让layui支持es5写法的方法介绍
layui框架中常见表单排版介绍	解决layUI导出到Excel时身份证号
在layui的layDate组件中添加设置	layui框架的table字段筛选功能介
layui的模块化和非模块化使用（	layui中创建table的方法
layui上传图片详解（附代码）	Layui table组件相关介绍